<template>
  <div class="index-warp">
    <shop-nav>
      <template v-slot:left>
        <img class="classifyLogo" :src="imgWarp.classifyLogo" alt="">
      </template>
      <template v-slot:default>
        2
      </template>
      <template v-slot:right>
        <h1>3</h1>
      </template>
    </shop-nav>
  </div>
</template>
<script>
  // @ is an alias to /src
  import { userList } from "./indexApi";
  import shopNav from "../../components/shopNav/shopNav";
  //本地图片
  let imgWarp = {
    classifyLogo:require('../../common/image/classifyLogo.png')
  }
  export default {
    data() {
      return {
        imgWarp:imgWarp
      };
    },
    components:{
      shopNav
    },
    created() {
      userList();
    }
  };
</script>
<style lang="scss" scoped>
.index-warp {
  width: 100%;
  height: 100%;
  .classifyLogo{
    width: 20px;
    height: 18px;
    object-fit: contain;
  }
}
</style>

